<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>La Casa - Real Estate HTML5 Home Page Template</title>
    <meta charset="utf-8">
    <meta name="author" content="">
    <meta name="description" content="La casa free real state fully responsive html5/css3 home page website template"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"/>

    <link rel="stylesheet" type="text/css" th:href="@{/css/reset.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/responsive.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/header_search.css}">
    <link th:href="@{/layui/css/layui.css}" rel="stylesheet">
    <script type="text/javascript" th:src="@{/js/jquery.js}"></script>
    <script type="text/javascript" th:src="@{/js/main.js}"></script>
    <script th:src="@{/layui/layui.js}" charset="utf-8"></script>
</head>
<body>
<section class="">
    <div style="background-color: #23262E;">
        <header>
            <div class="wrapper">
                <a href=" "></a>
                <a href="#" class="hamburger"></a>
                <nav>

                    <ul class="nav navbar-nav navbar-right">
                        <li><a th:href="@{/room/toList}"><img th:src="@{/assets/images/mashup-icon.svg}"
                                                            class="navbar-logo-img" alt="">酒店</a></li>
                        <li><a th:href="@{/user/mine}"><i class="layui-icon layui-icon-username" style="font-size: 20px; color: #1E9FFF;" th:text="${session.loginUser.getName()}"></i></a></li>
                        <!--                    <% if(session.getAttribute("loginUser")!=null){ %>-->
                        <!--                    <li><a th:href="@{/user/mine}"><i class="layui-icon layui-icon-username" style="font-size: 30px; color: #1E9FFF;" th:text="${session.loginUser.getName()}"></i></a></li>-->
                        <!--                    <% }else{ %>-->
                        <!--                       <li ><a href="${ctx}\login.jsp">-->

                        <!--                        	<i class="layui-icon layui-icon-username" style="font-size: 20px; color: #FFFFFF;">登录</i>-->
                        <!--                      </a> </li>-->
                        <!--                    <% } %>-->
                        <li><a href="javascript:history.back(-1)">返回</a></li>
                        <li><a th:href="@{/user/loginOut}" onclick="return confirm('您确定退出登录吗？');">注销</a></li>
                    </ul>

                </nav>
            </div>
        </header>
    </div>
</section>
<section class="listings">
    <ul class="layui-nav">
        <li class="layui-nav-item">
            <div class="header_search">
             <!--   <%&#45;&#45; <a href="${ctx}/room/lists" class="login_btn">搜索</a> &#45;&#45;%>-->
                <form th:action="@{/room/findByType}" method="get" class="login_btn">
                    <i class="layui-icon layui-icon-search" style="font-size: 30px; color: #1E9FFF;"></i>
                    <div class="layui-input-inline">
                        <input type="text" name="roomType" placeholder="搜索房间类型" class="layui-input">
                    </div>
                    <button class="layui-btn  layui-btn-normal layui-btn-sm" type="submit">搜索</button>
                </form>
            </div>
    </ul>
    <div class="wrapper">
        <ul class="properties_list">
            <li th:each="item : ${list}">
                <a th:href="@{/room/gobook(roomId=${item.roomId},roomStock=${item.roomStock})}">
                    <img th:src="@{/images/{image}(image=${item.image})}" alt="" title="" class="property_img"/>
                </a>
                <span class="price" th:text="${{item.roomPrice}}"></span>
                <div class="property_details">
                    <h1>
                        <a href="#" th:text="${{item.roomType}}"></a>
                    </h1>
                    <h2 th:text="${{item.remark}}">
                        <!--							<span class="property_size">(288ftsq)</span>-->
                    </h2>
                    <h2 th:text="${{item.roomStock}}"></h2>
                </div>
            </li>
        </ul>
    </div>
    <div class="wrapper">
        <ul class="properties_list">
            <li th:each="item2 : ${session.lists}">
                <a th:href="@{/room/gobook(roomId=${item2.roomId},roomStock=${item2.roomStock})}">
                    <img th:src="@{/images/{image}(image=${item2.image})}" alt="" title="" class="property_img"/>
                </a>
                <span class="price" th:text="${{item2.roomPrice}}"></span>
                <div class="property_details">
                    <h1>
                        <a href="#" th:text="${{item2.roomType}}"></a>
                    </h1>
                    <h2 th:text="${{item2.remark}}">
                        <!--							<span class="property_size">(288ftsq)</span>-->
                    </h2>
                    <h2 th:text="${{item2.roomStock}}"></h2>
                </div>
            </li>
        </ul>
    </div>
</section>


</body>
</html>